<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8"/>
    <title>编辑问题内容</title>
<%--    <meta name="description" content="overview & stats"/>--%>
<%--    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>--%>
    <link href="static/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/ace.min.css"/>
    <link rel="stylesheet" href="static/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="static/css/ace-skins.min.css"/>
    <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
    <!--提示框-->
    <script type="text/javascript" src="static/js/jquery.tips.js"></script>
    <script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.config.js"></script>

    <script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.all.min.js"> </script>

    <script type="text/javascript" charset="utf-8" src="plugins/ueditor/lang/zh-cn/zh-cn.js"></script>
</head>

<script type="text/javascript">
    $(function () {
        top.hangge();
    });


    //保存
    function save() {
        if ($("#title").val() == "") {
            $("#title").tips({
                side: 3,
                msg: '请输入问题',
                bg: '#AE81FF',
                time: 2
            });
            $("#title").focus();
            return false;
        }

        if ($("#content").val() == "") {
            $("#content").tips({
                side: 3,
                msg: '请输入内容',
                bg: '#AE81FF',
                time: 2
            });
            $("#content").focus();
            return false;
        }
        //选择标签
        if ($("#label").val() == "") {
            $("#label").tips({
                side: 3,
                msg: '请选择标签',
                bg: '#AE81FF',
                time: 2
            });
            $("#label").focus();
            return false;
        }

        if ($("#index").val() == "") {
            $("#index").tips({
                side: 3,
                msg: '请选择序号',
                bg: '#AE81FF',
                time: 2
            });
            $("#index").focus();
            return false;
        }

        //请选择所属类别
        if ($("#categoryid").val() == "") {
            $("#categoryid").tips({
                side: 3,
                msg: '请选择类目',
                bg: '#AE81FF',
                time: 2
            });
            $("#categoryid").focus();
            return false;
        }

        //提交
        $("#menuForm").submit();
        $("#zhongxin").hide();
        $("#zhongxin2").show();
    }


</script>

<body>
<form action="question/content/edit" name="menuForm" id="menuForm" method="post" enctype="multipart/form-data">
    <input type="hidden" name="id" value="${content.id}">
    <div id="zhongxin" class="zhongxin-cla">
        <table>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>问题标题：</span>
                    <input type="text" name="title" id="title" placeholder="问题标题" value="${content.title}"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>序号：</span>
                    <select class="input_txt" name="index" id="index" style="vertical-align:top;width: 150px;">
                        <option value="">选择序号</option>
                        <c:forEach begin="1" end="50" var="i">
                            <option value="${i}" <c:if test="${i==content.index}"> selected </c:if > >${i}</option>
                        </c:forEach>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>标签：</span>
                    <select class="input_txt" name="label" id="label" style="vertical-align:top;width: 150px;">
                        <option value="">选择标签</option>
                        <option value="hot" <c:if test="${'hot'==content.label}"> selected </c:if > > 热门问题</option>
                        <option value="common" <c:if test="${'common'==content.label}"> selected </c:if > >普通问题</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>所属类目：</span>
                    <select class="input_txt" name="categoryid" id="categoryid" style="vertical-align:top;width: 150px;">
                        <option value="">选择所属类目</option>
                        <c:forEach items="${categoryList}" var="item">
                            <option value="${item.id}" <c:if test="${item.id==content.categoryid}"> selected </c:if > >${item.category}</option>
                        </c:forEach>
                    </select>
                </td>
            </tr>


            <tr>
                <td>
                    富文本编辑器
                    <textarea id="content" name="content" style="width: 100%;height: 300px;"></textarea>
                    <script type="text/javascript" charset="utf-8">
                        var ue = UE.getEditor('content');

                        ue.ready(function (){
                            ue.setContent('${content.content}');
                        });
                    </script>
                </td>
            </tr>

            <tr>
                <td style="text-align: center; padding-top: 10px;">
                    <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
                    <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
                </td>
            </tr>
        </table>
    </div>
    <div id="zhongxin2" class="center" style="display:none">
        <br/><br/><br/><img src="static/images/jiazai.gif"/><br/>
        <h4 class="lighter block green"></h4>
    </div>
</form>
</body>
</html>